<template>
  <div class="app-container">
    <el-form :inline="true" :model="formInline" class="demo-form-inline">
      <el-form-item label="券名称：">
        <el-input v-model="formInline.user" placeholder="请输入券名称" clearable />
      </el-form-item>
      <el-form-item label="券状态：">
        <el-select v-model="formInline.region" placeholder="请选择" clearable>
          <el-option label="Zone one" value="shanghai" />
        </el-select>
      </el-form-item>
      <el-form-item label="券类型：">
        <el-select v-model="formInline.region" placeholder="请选择" clearable>
          <el-option label="Zone one" value="shanghai" />
        </el-select>
      </el-form-item>
      <el-form-item label="券有效期：">
        <el-date-picker v-model="formInline.date" type="date" placeholder="请选择" clearable />
      </el-form-item>
      <el-form-item label="券码：">
        <el-input v-model="formInline.user" placeholder="请输入券码" clearable />
      </el-form-item>
      <el-form-item label="&nbsp;">
        <el-button @click="resetFn">重置</el-button>
        <el-button type="primary" @click="">查询</el-button>
      </el-form-item>
    </el-form>
  </div>
</template>

<script setup>
import { ref, reactive } from 'vue'
</script>

<style lang="scss"></style>
